<!DOCTYPE html>
<html lang="en-gb">

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <head>
        <?php
            expTheme::head(array());
        ?>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Home</title>
        <link href="<?php echo THEME_RELATIVE;?>favicon0.ico" rel="shortcut icon" type="image/vnd.microsoft.icon">

        <link rel="stylesheet" href="<?php echo THEME_RELATIVE;?>css/bootstra.css" type="text/css">
        <link rel="stylesheet" href="<?php echo THEME_RELATIVE;?>css/bootstrb.css" type="text/css">
        <link rel="stylesheet" href="<?php echo THEME_RELATIVE;?>css/template.css" type="text/css">
        <link rel="stylesheet" href="<?php echo THEME_RELATIVE;?>css/idangero.css" type="text/css">
        <link rel="stylesheet" href="<?php echo THEME_RELATIVE;?>css/jplayer0.css" type="text/css">
        <link rel="stylesheet" href="<?php echo THEME_RELATIVE;?>css/tzportfo.css" type="text/css">
        <link rel="stylesheet" href="<?php echo THEME_RELATIVE;?>css/mod_tz_p.css" type="text/css">
        <link rel="stylesheet" href="<?php echo THEME_RELATIVE;?>css/page.css" type="text/css">
        <script src="<?php echo THEME_RELATIVE;?>js/jquery-1.8.3.min.js" type="text/javascript"></script>
        <script src="<?php echo THEME_RELATIVE;?>js/mootools.js" type="text/javascript"></script>
        <script src="<?php echo THEME_RELATIVE;?>js/caption0.js" type="text/javascript"></script>
        <script src="<?php echo THEME_RELATIVE;?>js/widget00.js" type="text/javascript"></script>
        <script src="<?php echo THEME_RELATIVE;?>js/bootstra.js" type="text/javascript"></script>
        <script src="<?php echo THEME_RELATIVE;?>js/jplayer.js" type="text/javascript"></script>
        <script src="<?php echo THEME_RELATIVE;?>js/jplayer.playlist1.js" type="text/javascript"></script>
        <script src="<?php echo THEME_RELATIVE;?>js/jplayer.blogplaylist.js" type="text/javascript"></script>
        <script src="<?php echo THEME_RELATIVE;?>js/tz000000.js" type="text/javascript"></script>
        <script src="<?php echo THEME_RELATIVE;?>js/page0000.js" type="text/javascript"></script>
        <script src="<?php echo THEME_RELATIVE;?>js/idangero.js" type="text/javascript"></script>
      
        <script type="text/javascript">
            window.addEvent('load', function() {
                new JCaption('img.caption');
            });
            $TZ_MENU = [];
            $TZ_MENU['animation'] = "width_height_opacity";
            $TZ_MENU['animation_speed'] = "fast";
        </script>

        <!--[if IE 9]>
        <link rel="stylesheet" href="<?php echo THEME_RELATIVE;?>css/fix/ie9.css" type="text/css" />
        <script type="text/javascript" src="<?php echo THEME_RELATIVE;?>css/fix/respond.js"></script>
        <script type="text/javascript" src="<?php echo THEME_RELATIVE;?>css/fix/selectivizr.js"></script>
        <script type="text/javascript" src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>

        <![endif]-->

        <!--[if IE 8]>
        <link rel="stylesheet" href="<?php echo THEME_RELATIVE;?>css/fix/ie8.css" type="text/css" />
        <script type="text/javascript" src="<?php echo THEME_RELATIVE;?>css/fix/respond.js"></script>
        <script type="text/javascript" src="<?php echo THEME_RELATIVE;?>css/fix/selectivizr.js"></script>
        <script type="text/javascript" src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <script type="text/javascript" src="<?php echo THEME_RELATIVE;?>css/fix/PIE.js"></script>
        <![endif]-->

        <!--[if lte IE 7]>
        <link rel="stylesheet" href="<?php echo THEME_RELATIVE;?>css/fix/ie8.css" type="text/css" />
        <script type="text/javascript" src="<?php echo THEME_RELATIVE;?>css/fix/respond.js"></script>
        <script type="text/javascript" src="<?php echo THEME_RELATIVE;?>css/fix/selectivizr.js"></script>
        <script type="text/javascript" src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>

        <![endif]-->

    </head>
<body>

        <section id="tz-loading" class="tz-loading">
                        <div class="tz-loading-content">
            <div class="box "><div><div class="content">

<div class="custom">
    <p><img src="Home_files/logo0000.png" alt=""><img src="Home_files/loadingm.gif" alt=""></p></div>
</div></div></div>
            </div>
                </section>

    
    <header id="tz-header" class="tz-header tz-border-bottom">
        <div class="container-fluid">
            <div class="tz-inner-logo">
                <div class="tz-inner">
                    <h1 class="tz-logo pull-left">
                        
          <a href="http://demo.templaza.com/j/meloul/" id="tz-logo pull-left">
        <img src="Home_files/logo0000.png" alt="Meloul Music Joomla Template - ">
     </a>
                         </h1>

                </div>
            </div>
                            <div class="sidebar-search pull-right">
                    <div class="box "><div><div class="content">
<div class="search form-search">
    <form action="http://demo.templaza.com/j/meloul/index.php" method="post" class="form-inline">
            <label class="icon-search">&nbsp;</label>
            <label for="mod-search-searchword" class="element-invisible">Search...</label> <input name="searchword" id="mod-search-searchword" maxlength="20" class="inputbox search-query input-medium" type="text" size="20" value="Search..." onblur="if (this.value=='') this.value='Search...';" onfocus="if (this.value=='Search...') this.value='';">        <input type="hidden" name="task" value="search">
        <input type="hidden" name="option" value="com_search">
        <input type="hidden" name="Itemid" value="110">
    </form>
</div>
</div></div></div>
                </div>
                    <div class="tz-inner">

            <div class="tz-mainmenu-toggle">
                <a href="http://demo.templaza.com/j/meloul/#" data-toggle="collapse" data-target=".nav-collapse">
                    Main menu                </a>
            </div>

            <div class="pull-left nav-collapse collapse tz-main-menu">
                <ul class="nav menu">
<li class="item-101 current active"><a href="http://demo.templaza.com/j/meloul/">Home</a></li><li class="item-110 deeper parent"><a href="http://demo.templaza.com/j/meloul/index.php/blog">Blog</a><ul class="nav-child unstyled small"><li class="item-147"><a href="http://demo.templaza.com/j/meloul/index.php/blog/blog-timeline">Blog Timeline</a></li><li class="item-153"><a href="http://demo.templaza.com/j/meloul/index.php/blog/typography">Typography</a></li><li class="item-161"><a href="http://demo.templaza.com/j/meloul/index.php/blog/user-page">User Page</a></li><li class="item-162"><a href="http://demo.templaza.com/j/meloul/index.php/blog/tag-page">Tag Page</a></li></ul></li><li class="item-111 deeper parent"><a href="http://demo.templaza.com/j/meloul/index.php/albums">Albums</a><ul class="nav-child unstyled small"><li class="item-134"><a href="http://demo.templaza.com/j/meloul/index.php/albums/album-page">Album page</a></li><li class="item-152"><a href="http://demo.templaza.com/j/meloul/index.php/albums/album-video">Album video</a></li><li class="item-135"><a href="http://demo.templaza.com/j/meloul/index.php/albums/album-list">Album list</a></li></ul></li><li class="item-109"><a href="http://demo.templaza.com/j/meloul/index.php/guest-book">Guest Book</a></li><li class="item-112"><a href="http://demo.templaza.com/j/meloul/index.php/contact">Contact</a></li></ul>

            </div>


            <div class="clr"></div>

        </div>
        </div>
    </header>

    
        <section id="tz-slide" class="tz-slide">
        <div class="container-fluid">
        <div class="tz-inner">
            <div class="row-fluid">
                                <div class="span12 tz-slide">


<script type="text/javascript">
    //<![CDATA[
    jQuery(document).ready(function(){

        new jPlayerPlaylist({
            jPlayer: "#jquery_jplayer_1",
            cssSelectorAncestor: "#jp_container_1",
            autoPlay: true
        }, [
                        {
                title:"Cras lobortis augue",
                image:"/themes/music/img/demo/517672b57235atz_portfolio_1366717109_XL.jpg",
                artist:"John Doe",
                mp3:"http://demo.templaza.com/j/meloul/media/tz_media/audio/Coldplay Clocks Remix (Progress 4).mp3",
                oga:"http://demo.templaza.com/j/meloul/media/tz_media/audio/Coldplay_Clocks_Remix_Progress_4_.ogg",
                descrip:"Pellentesque suscipit ligula id lorem interdum pellentesque. Vivamus vehicula scelerisque suscipit. Mauris ultrices bibendum ipsum ac posuere. Ut libero massa, cursus pretium bibendum at, eleifend id massa."
            },
                        {
                title:"Maecenas imperdiet",
                image:"/themes/music/img/demo/51516935f4070tz_portfolio_1364289845_XL.jpg",
                artist:"Quisque",
                mp3:"http://demo.templaza.com/j/meloul/media/tz_media/audio/See You Tonight - Scotty McCreery.mp3",
                oga:"http://demo.templaza.com/j/meloul/media/tz_media/audio/See_You_Tonight_Scotty_McCreery.ogg",
                descrip:"Pellentesque suscipit ligula id lorem interdum pellentesque. Vivamus vehicula scelerisque suscipit. Mauris ultrices bibendum ipsum ac posuere. Ut libero massa, cursus pretium bibendum at, eleifend id massa."
            },
                        {
                title:"Integer eros turpis",
                image:"/themes/music/img/demo/5151695c94fe1tz_portfolio_1364289884_XL.jpg",
                artist:"Maecenas",
                mp3:"http://demo.templaza.com/j/meloul/media/tz_media/audio/Not In My Hood Finale.mp3",
                oga:"http://demo.templaza.com/j/meloul/media/tz_media/audio/Not_In_My_Hood_Finale.ogg",
                descrip:"Pellentesque suscipit ligula id lorem interdum pellentesque. Vivamus vehicula scelerisque suscipit. Mauris ultrices bibendum ipsum ac posuere. Ut libero massa, cursus pretium bibendum at, eleifend id massa."
            },
                        {
                title:"Sed ipsum ligula",
                image:"http://demo.templaza.com/j/meloul/media/tz_portfolio/article/cache/5151698b6a452tz_portfolio_1364289931_XL.jpg",
                artist:"Phasellus",
                mp3:"http://demo.templaza.com/j/meloul/media/tz_media/audio/Coldplay Clocks Remix (Progress 4).mp3",
                oga:"http://demo.templaza.com/j/meloul/media/tz_media/audio/Coldplay_Clocks_Remix_Progress_4_.ogg",
                descrip:"Pellentesque suscipit ligula id lorem interdum pellentesque. Vivamus vehicula scelerisque suscipit. Mauris ultrices bibendum ipsum ac posuere. Ut libero massa, cursus pretium bibendum at, eleifend id massa."
            },
                        {
                title:"Pellentesque suscipit",
                image:"http://demo.templaza.com/j/meloul/media/tz_portfolio/article/cache/517672d7f2e58tz_portfolio_1366717143_XL.jpg",
                artist:"Madonna",
                mp3:"http://demo.templaza.com/j/meloul/media/tz_media/audio/See You Tonight - Scotty McCreery.mp3",
                oga:"http://demo.templaza.com/j/meloul/media/tz_media/audio/See_You_Tonight_Scotty_McCreery.ogg",
                descrip:"Pellentesque suscipit ligula id lorem interdum pellentesque. Vivamus vehicula scelerisque suscipit. Mauris ultrices bibendum ipsum ac posuere. Ut libero massa, cursus pretium bibendum at, eleifend id massa."
            }
            
        ],{             swfPath: "http://demo.templaza.com/j/meloul/modules/mod_tz_play_music/js",
            solution: 'html, flash',
            supplied: 'mp3,oga',
            wmode: "window"
        });
    });
    //]]>
</script>

    <div class="tz-music-content">
                <div class="item-music item-music0">
            <div class="item-music-content">
                <div class="item-music-pattern"></div>
                <div class="item-music-image" style="background-image: url(/themes/music/img/demo/517672b57235atz_portfolio_1366717109_XL.jpg');" ></div>

            </div>
            <div class="container-fluid">
            <div class="item-music-descrip">
                                <h2 class="item-music-title">Cras lobortis augue</h2>
                                                <h3 class="item-music-artist">John Doe</h3>
                                                                        <div class="item-music-intro hidden-phone"><p>Pellentesque suscipit ligula id lorem interdum pellentesque. Vivamus vehicula scelerisque suscipit. Mauris ultrices bibendum ipsum ac posuere. Ut libero massa, cursus pretium bibendum at, eleifend id massa.</p>
</div>
                            </div>
            </div>
        </div>
                <div class="item-music item-music1">
            <div class="item-music-content">
                <div class="item-music-pattern"></div>
                <div class="item-music-image" style="background-image: url('/themes/music/img/demo/51516935f4070tz_portfolio_1364289845_XL.jpg');"></div>

            </div>
            <div class="container-fluid">
            <div class="item-music-descrip">
                                <h2 class="item-music-title">Maecenas imperdiet</h2>
                                                <h3 class="item-music-artist">Quisque</h3>
                                                                        <div class="item-music-intro hidden-phone"><p>Pellentesque suscipit ligula id lorem interdum pellentesque. Vivamus vehicula scelerisque suscipit. Mauris ultrices bibendum ipsum ac posuere. Ut libero massa, cursus pretium bibendum at, eleifend id massa.</p>
</div>
                            </div>
            </div>
        </div>
                <div class="item-music item-music2">
            <div class="item-music-content">
                <div class="item-music-pattern"></div>
                <div class="item-music-image" style="background-image: url('/themes/music/img/demo/5151695c94fe1tz_portfolio_1364289884_XL.jpg');"></div>

            </div>
            <div class="container-fluid">
            <div class="item-music-descrip">
                                <h2 class="item-music-title">Integer eros turpis</h2>
                                                <h3 class="item-music-artist">Maecenas</h3>
                                                                        <div class="item-music-intro hidden-phone"><p>Pellentesque suscipit ligula id lorem interdum pellentesque. Vivamus vehicula scelerisque suscipit. Mauris ultrices bibendum ipsum ac posuere. Ut libero massa, cursus pretium bibendum at, eleifend id massa.</p>
</div>
                            </div>
            </div>
        </div>
                <div class="item-music item-music3">
            <div class="item-music-content">
                <div class="item-music-pattern"></div>
                <div class="item-music-image" style="background-image: url('/themes/music/img/demo/5151698b6a452tz_portfolio_1364289931_XL.jpg');"></div>

            </div>
            <div class="container-fluid">
            <div class="item-music-descrip">
                                <h2 class="item-music-title">Sed ipsum ligula</h2>
                                                <h3 class="item-music-artist">Phasellus</h3>
                                                                        <div class="item-music-intro hidden-phone"><p>Pellentesque suscipit ligula id lorem interdum pellentesque. Vivamus vehicula scelerisque suscipit. Mauris ultrices bibendum ipsum ac posuere. Ut libero massa, cursus pretium bibendum at, eleifend id massa.</p>
</div>
                            </div>
            </div>
        </div>
                <div class="item-music item-music4">
            <div class="item-music-content">
                <div class="item-music-pattern"></div>
                <div class="item-music-image" style="background-image: url('/themes/music/img/demo/517672d7f2e58tz_portfolio_1366717143_XL.jpg');"></div>

            </div>
            <div class="container-fluid">
            <div class="item-music-descrip">
                                <h2 class="item-music-title">Pellentesque suscipit</h2>
                                                <h3 class="item-music-artist">Madonna</h3>
                                                                        <div class="item-music-intro hidden-phone"><p>Pellentesque suscipit ligula id lorem interdum pellentesque. Vivamus vehicula scelerisque suscipit. Mauris ultrices bibendum ipsum ac posuere. Ut libero massa, cursus pretium bibendum at, eleifend id massa.</p>
</div>
                            </div>
            </div>
        </div>
            </div>


<div id="jquery_jplayer_1" class="jp-jplayer"></div>

<div id="jp_container_1" class="jp-audio">
    <div class="jp-type-playlist">
        <div class="jp-play-inner">
        <div class="jp-gui jp-interface">
            <div class="music-left hidden-phone">
                <div class="head-phone"></div>
                <div class="tz-jp-title"></div>
                <div class="pull-left">-</div>
                <div class="tz-jp-artist"></div>
            </div>
            <div class="music-center">
            <ul class="jp-controls">
                <li><a href="javascript:;" class="jp-stop" tabindex="1">stop</a></li>
                <li><a href="javascript:;" class="jp-previous" tabindex="1">previous</a></li>
                <li><a href="javascript:;" class="jp-play" tabindex="1">play</a></li>
                <li><a href="javascript:;" class="jp-pause" tabindex="1">pause</a></li>
                <li><a href="javascript:;" class="jp-next" tabindex="1">next</a></li>
                <li><a href="javascript:;" class="jp-mute hidden-phone" tabindex="1" title="mute">mute</a></li>
                <li><a href="javascript:;" class="jp-unmute hidden-phone" tabindex="1" title="unmute">unmute</a></li>
                <li><a href="javascript:;" class="jp-volume-max" tabindex="1" title="max volume">max volume</a></li>
            </ul>

            <div class="jp-progress">
                <div class="jp-seek-bar">
                    <div class="jp-play-bar"></div>

                </div>
            </div>
            <div class="jp-current-time hidden-phone"></div>
            <div class="pull-left hidden-phone">/</div>
            <div class="jp-duration hidden-phone"></div>
            </div>
            <div class="music-info"></div>
            <div class="jp-volume-bar hidden-phone">
                <div class="jp-volume-bar-value"></div>
            </div>

            <ul class="jp-toggles">
                <li><a href="javascript:;" class="jp-shuffle" tabindex="1" title="shuffle">shuffle</a></li>
                <li><a href="javascript:;" class="jp-shuffle-off" tabindex="1" title="shuffle off">shuffle off</a></li>
                <li><a href="javascript:;" class="jp-repeat" tabindex="1" title="repeat">repeat</a></li>
                <li><a href="javascript:;" class="jp-repeat-off" tabindex="1" title="repeat off">repeat off</a></li>
            </ul>
        </div>
        <div class="jp-playlist">
                        <div class="album-info">
                                <div class="album-des">
                    <img src="Home_files/categori.jpg" style="filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='http://demo.templaza.com/j/meloul/media/tz_portfolio/categories/categories_1362989209513d9099dd0c7.jpg', sizingMethod='scale');" class="image-album" alt="">
                    <p>Pellentesque suscipit ligula id lorem interdum pellentesque. Vivamus vehicula scelerisque suscipit. Mauris ultrices bibendum ipsum ac posuere. Ut libero massa, cursus pretium bibendum at, eleifend id massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
<p>Nam sed lorem vitae felis congue mollis. Integer ac turpis risus. Sed quis ornare nisl. Maecenas in luctus elit. Proin imperdiet tempus condimentum.</p>                </div>
                                </div>

                
            <ul class="music-playlist">
                <li></li>
            </ul>
            <div class="clr"></div>
        </div>
        <div class="jp-no-solution">
            <span>Update Required</span>
            To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>.
        </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    jQuery(window).bind('load resize',function(){
    var slide_h = jQuery(window).height() - jQuery('#tz-header').height();
    var play_w = jQuery('#tz-slide .tz-slide').width();
    var max_w = jQuery('#tz-header .container-fluid').width();
    var player_height = jQuery('#tz-slide .jp-audio').height();
    var img_h =    slide_h - player_height;

        jQuery('.jp-type-playlist').css('max-width',max_w +'px');
        jQuery('.tz-music-content').css('height',img_h + 'px');
        if( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) {
            jQuery('#tz-slide .music-center').css({
                'margin-right':30+ 'px'
            });
        }

    });

    jQuery('.music-info').click(function(){
        jQuery(this).toggleClass('music-info-active');
       jQuery('.jp-playlist').slideToggle();
    });
    jQuery('.item-music-content img').animate({
       opacity:1
    },1000);

</script>
<script type="text/javascript">
    jQuery(function() {
        jQuery('.item-music-image').css({backgroundSize: "cover"});
    });
</script>
</div></div></div>
                </div>
                                <div class="clr"></div>
            </div>
        </div>
        </div>
    </section>




<section id="tz-main">
    <section class="tz-main-body">
        <div class="container-fluid">
        <div class="tz-inner">
        

        <section class="tz-content-wrap row-fluid">
                                   <section id="tz-content" class="span9">
                                
                                <section id="tz-component">
                    
<!--<script src="/j/meloul/components/com_tz_portfolio/js/less-1.3.3.min.js" type="text/javascript"></script>-->
<!--<link rel="stylesheet/less" type="text/css" href="/j/meloul/components/com_tz_portfolio/css/tz_lib_style.less">-->

    
<div class="TzPortfolioItemPage item-page TzItemPage TzBlog">
    <div class="TzItemPageInner">
<!--        --><!--            <h1 class="TzHeadingTitle">-->
<!--            --><!--            </h1>-->
<!--        -->        


                            <div class="TzArticleMedia">
                                    <div class="tz_portfolio_image" style="position: relative;">
                    
                        <img src="http://demo.templaza.com/j/meloul/media/tz_portfolio/article/cache/515be6c2b8305tz_portfolio_1364977346_L.jpg" alt="" title="">
                                                                                                                </div>
                    
                            
                                </div>
                                <h2 class="TzArticleTitle">

                Ut a elit tempus augue                <span>-</span>
                    <span>
                        Madonna                    </span>
            </h2>
                    
                <div class="TzArticleInfo TzArticleBlogInfo">
        
                        <span class="TzBlogCreate">
                <span class="TzCreate">
                    <span class="info">  </span>
                    <span class="date">02.04.2013</span>
                </span>
            </span>
            
                    <span class="TzArticleCategory">
                    <span class="TzLine">/</span>
                                                <a href="/j/meloul/index.php/blog">Blog</a>                            </span>
            
             
        
                            <span class="TzHits">
                     <span class="TzLine">/</span>
                    Hits: 1121                </span>
            
            
                            <span class="TZCommentCount">
                    <span class="TzLine">/</span>
                    <span class="red">
                                                                                                                1                                                            </span>
                    Comments                </span>
            
                                                <div class="TzIcon pull-right">
                    <div class="btn-group pull-right">
<!--                        <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"> <i class="icon-cog"></i> <span class="caret"></span> </a>-->
                                                <ul class="actions">
                                                        <li class="print-icon"> <a href="/j/meloul/index.php/blog/ut-a-elit-tempus-augue/39?tmpl=component&amp;print=1&amp;page=" title="" onclick="window.open(this.href,'win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=640,height=480,directories=no,location=no'); return false;" rel="nofollow"></a> </li>
                                                                                    <li class="email-icon"> <a href="/j/meloul/index.php/component/mailto/?tmpl=component&amp;template=tz_meloul&amp;link=4c46e0103fef17ccbf58a724cdaa8b6f250d0ea5" title="" onclick="window.open(this.href,'win2','width=400,height=350,menubar=yes,resizable=yes'); return false;"></a> </li>
                                                                                </ul>
                    </div>
                </div>
                            
        
            </div>
        



        
        
                            
    
        
                        
                        <div class="TzArticleDescription">
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In dignissim sollicitudin lorem, in ultrices purus consectetur vel. Proin dignissim nisl in purus cursus vel malesuada tortor rutrum.</p>
 
<p>Nullam ipsum libero, blandit a ullamcorper vitae, iaculis quis turpis. Quisque nec nisl turpis. Nulla a augue id dui ultrices interdum porttitor eget urna. Vestibulum aliquam fringilla magna, non malesuada leo posuere vel. Nulla at neque ac leo ornare tristique. Aenean commodo mattis magna, ut malesuada erat cursus eu. Morbi iaculis laoreet purus pulvinar commodo.</p>
<p>Praesent consectetur laoreet erat sed tristique. Vestibulum auctor condimentum arcu non volutpat. Integer ornare ullamcorper arcu, eget iaculis diam commodo non. Pellentesque sollicitudin, sem nec pretium eleifend, justo ipsum hendrerit risus, id porttitor dolor dui vel justo. Fusce placerat ligula a augue semper pretium. Etiam massa quam, rutrum id eleifend at, semper nec metus. Etiam orci nibh, hendrerit quis vulputate nec, elementum in arcu.</p>
<p>Nulla porta adipiscing eros eget placerat. Donec sagittis, nisl ac dapibus lobortis, est augue venenatis massa, non fringilla metus elit ut sapien. Aliquam eu urna nec elit rhoncus aliquam. Suspendisse id eros id orci ultricies placerat sit amet sed leo. Suspendisse feugiat magna nec quam dictum at auctor metus fermentum. Ut felis neque, ultrices ut condimentum quis, placerat non est. Vestibulum id enim felis. Phasellus vel justo odio, tempor cursus augue. Vivamus ut velit posuere orci ornare placerat sit amet a ipsum. Suspendisse potenti. In faucibus rutrum pretium. Quisque in enim a dolor pellentesque tempus non et mi. Nulla facilisi.</p>        </div>
        
        
    
            
                
        <div class="tz_portfolio_like_button">
            <div class="TzLikeButtonInner">
                <span class="TzLikeQuestion">Thank for sharing!</span>

                <!--            <div id="tzSocialAPI">-->
                <div class="FacebookButton">
                    <fb:like href="http://demo.templaza.com/j/meloul/index.php/blog/39-ut-a-elit-tempus-augue" layout="button_count" show_faces="true" width="50" action="like" font="arial" colorscheme="light" fb-xfbml-state="rendered" class="fb_edge_widget_with_comment fb_iframe_widget"><span style="height: 20px; width: 72px;"><iframe id="f11bd2470c" name="fc15d62c4" scrolling="no" title="Like this content on Facebook." class="fb_ltr" src="http://www.facebook.com/plugins/like.php?action=like&amp;api_key=&amp;channel_url=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D27%23cb%3Df2210daa34%26domain%3Ddemo.templaza.com%26origin%3Dhttp%253A%252F%252Fdemo.templaza.com%252Ff6ffd0654%26relation%3Dparent.parent&amp;colorscheme=light&amp;extended_social_context=false&amp;font=arial&amp;href=http%3A%2F%2Fdemo.templaza.com%2Fj%2Fmeloul%2Findex.php%2Fblog%2F39-ut-a-elit-tempus-augue&amp;layout=button_count&amp;locale=en_US&amp;node_type=link&amp;sdk=joey&amp;show_faces=false&amp;width=90" style="border: none; overflow: hidden; height: 20px; width: 72px;"></iframe></span></fb:like>
                </div>
                <div class="TwitterButton">
                    
                        <iframe id="twitter-widget-0" scrolling="no" frameborder="0" allowtransparency="true" src="http://platform.twitter.com/widgets/tweet_button.1381275758.html#_=1382068616757&amp;count=horizontal&amp;id=twitter-widget-0&amp;lang=en&amp;original_referer=http%3A%2F%2Fdemo.templaza.com%2Fj%2Fmeloul%2Findex.php%2Fblog%2F39-ut-a-elit-tempus-augue&amp;size=m&amp;text=Ut%20a%20elit%20tempus%20augue&amp;url=http%3A%2F%2Fdemo.templaza.com%2Fj%2Fmeloul%2Findex.php%2Fblog%2F39-ut-a-elit-tempus-augue" class="twitter-share-button twitter-tweet-button twitter-count-horizontal" title="Twitter Tweet Button" data-twttr-rendered="true" style="width: 110px; height: 20px;"></iframe>
                </div>
                <div class="GooglePlusOneButton">
                    <div id="___plusone_0" style="text-indent: 0px; margin: 0px; padding: 0px; background-color: transparent; border-style: none; float: none; line-height: normal; font-size: 1px; vertical-align: baseline; display: inline-block; width: 90px; height: 20px; background-position: initial initial; background-repeat: initial initial;"><iframe frameborder="0" hspace="0" marginheight="0" marginwidth="0" scrolling="no" style="position: static; top: 0px; width: 90px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 20px;" tabindex="0" vspace="0" width="100%" id="I0_1382068616504" name="I0_1382068616504" src="https://apis.google.com/u/0/_/+1/fastbutton?usegapi=1&amp;bsv=o&amp;size=medium&amp;hl=en-GB&amp;origin=http%3A%2F%2Fdemo.templaza.com&amp;url=http%3A%2F%2Fdemo.templaza.com%2Fj%2Fmeloul%2Findex.php%2Fblog%2F39-ut-a-elit-tempus-augue&amp;gsrc=3p&amp;ic=1&amp;jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.vi.Cn0CqtEsY08.O%2Fm%3D__features__%2Fam%3DAw%2Frt%3Dj%2Fd%3D1%2Frs%3DAItRSTM4kSNQ5bi3YJ3Q2r5-qZhTYJmGag#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh&amp;id=I0_1382068616504&amp;parent=http%3A%2F%2Fdemo.templaza.com&amp;pfname=&amp;rpctoken=27916413" data-gapiattached="true" title="+1"></iframe></div>
                    
                </div>
                <a href="//www.pinterest.com/pin/create/button/?url=http%3A%2F%2Fdemo.templaza.com%2Fj%2Fmeloul%2Findex.php%2Fblog%2F39-ut-a-elit-tempus-augue&amp;media=http%3A%2F%2Fdemo.templaza.com%2Fj%2Fmeloul%2Fmedia%2Ftz_portfolio%2Farticle%2Fcache%2F515be6c2b8305tz_portfolio_1364977346_L.jpg&amp;guid=kSC0aP4Sac7A-0&amp;description=Ut%20a%20elit%20tempus%20augue" class="PIN_1382068616660_pin_it_button PIN_1382068616660_pin_it_button_inline PIN_1382068616660_pin_it_beside" target="_blank" data-pin-log="button_pinit" data-pin-config="beside"><span class="PIN_1382068616660_hidden" id="PIN_1382068616660_pin_count_0"><i></i></span></a>

                <div class="clr"></div>
                <!--    </div>-->
            </div>
        </div>

                    <div class="clr"></div>
        <div class="TzArticleTag">
<!--            <h3>--><!--</h3>-->
                                                  <a class="label" href="/j/meloul/index.php/blog/tags/music/1">
                      #music                    </a>
                                                  <a class="label" href="/j/meloul/index.php/blog/tags/blog/2">
                      #blog                    </a>
                                                  <a class="label" href="/j/meloul/index.php/blog/tags/rock/4">
                      #rock                    </a>
                
        </div>
    
        
        
    

        <div class="tz_portfolio_comment"><div id="disqus_thread"><iframe id="dsq2" data-disqus-uid="2" allowtransparency="true" frameborder="0" role="complementary" width="100%" src="http://disqus.com/embed/comments/?f=templazatoturials&amp;t_u=http%3A%2F%2Fdemo.templaza.com%2Fj%2Fmeloul%2Findex.php%2Fblog%2Fitem%2Fut-a-elit-tempus-augue%2F39&amp;t_d=Ut%20a%20elit%20tempus%20augue&amp;t_t=Ut%20a%20elit%20tempus%20augue&amp;s_o=default&amp;disqus_version=1382053926#2" style="width: 100% !important; border: none !important; overflow: hidden !important; height: 340px !important;" scrolling="no" horizontalscrolling="no" verticalscrolling="no"></iframe></div><script type="text/javascript">
                    var disqus_shortname = "templazatoturials";
                    var disqus_url      = "http://demo.templaza.com/j/meloul/index.php/blog/item/ut-a-elit-tempus-augue/39";
                    var disqus_developer = "1";
                    (function() {
                        var dsq = document.createElement("script"); dsq.type = "text/javascript"; dsq.async = true;
                        dsq.src = "http://" + disqus_shortname + ".disqus.com/embed.js";
                        (document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0]).appendChild(dsq);
                    })();
                </script></div>
        
        
                            
        
            
    </div>
</div>

                </section>
                
                            </section>

                        <aside id="right-sidebar" class="span3 right-sidebar">

                <div class="sidebar-nav">
                    <div class="box "><div><h3 class="header ">Text Widget</h3><div class="content">

<div class="custom">
    <p>Sed mauris arcu, varius vel suscipit vel, accumsan et nisl. Nam a dui turpis. Fusce interdum egestas massa, vitae imperdiet arcu viverra at. Praesent molestie turpis in justo cursus fermentum. Nulla facilisi. Curabitur eget tincidunt neque. Morbi ut nisl elit. Sed tincidunt, nisi vitae blandit dapibus, odio libero egestas neque, quis dignissim ligula ipsum nec elit.</p></div>
</div></div></div><div class="box "><div><h3 class="header ">Random Music</h3><div class="content"><script type="text/javascript">
    //<![CDATA[
    jQuery(document).ready(function(){

        new jPlayerPlaylist({
            jPlayer: "#jquery_jplayer_1",
            cssSelectorAncestor: "#jp_container_1"
        }, [
                        {
                title:"Ut bibendum mole",
                artist:"Donec Quis ",
                mp3:"http://demo.templaza.com/j/meloul/media/tz_media/audio/Coldplay Clocks Remix (Progress 4).mp3",
                oga:"http://demo.templaza.com/j/meloul/media/tz_media/audio/Coldplay_Clocks_Remix_Progress_4_.ogg"

            },
                        {
                title:"Pellentesque habitant",
                artist:"Nunc Comm",
                mp3:"http://demo.templaza.com/j/meloul/media/tz_media/audio/See You Tonight - Scotty McCreery.mp3",
                oga:"http://demo.templaza.com/j/meloul/media/tz_media/audio/See_You_Tonight_Scotty_McCreery.ogg"

            },
                        {
                title:"Pellentesque eget",
                artist:"Fusce Sodales",
                mp3:"http://demo.templaza.com/j/meloul/media/tz_media/audio/Coldplay Clocks Remix (Progress 4).mp3",
                oga:"http://demo.templaza.com/j/meloul/media/tz_media/audio/Coldplay_Clocks_Remix_Progress_4_.ogg"

            },
                        {
                title:"Nulla nec semper",
                artist:"John Due",
                mp3:"http://demo.templaza.com/j/meloul/media/tz_media/audio/Not In My Hood Finale.mp3",
                oga:"http://demo.templaza.com/j/meloul/media/tz_media/audio/Not_In_My_Hood_Finale.ogg"

            },
                        {
                title:"Aliquam euismod lacinia",
                artist:"Fusce Sodales",
                mp3:"http://demo.templaza.com/j/meloul/media/tz_media/audio/Not In My Hood Finale.mp3",
                oga:"http://demo.templaza.com/j/meloul/media/tz_media/audio/Not_In_My_Hood_Finale.ogg"

            }
            
        ], {
                        swfPath: "http://demo.templaza.com/j/meloul/modules/mod_tz_play_music/js",
            solution: 'html, flash',
            supplied: "mp3,ogg",
            wmode: "window"
        });
    });
    //]]>
</script>

<div id="jquery_jplayer_1" class="jp-jplayer" style="width: 0px; height: 0px;"><img id="jp_poster_0" style="width: 0px; height: 0px; display: none;"><audio id="jp_audio_0" preload="metadata" src="http://demo.templaza.com/j/meloul/media/tz_media/audio/Coldplay Clocks Remix (Progress 4).mp3"></audio></div>

<div id="jp_container_1" class="jp-audio">
    <div class="jp-type-playlist">
                    <div class="music-sidebar-title">Ut bibendum mole</div>
                <div class="jp-gui jp-interface">
            <div class="jp-progress">
                <div class="jp-seek-bar" style="width: 0%;">
                    <div class="jp-play-bar" style="width: 0%;"></div>

                </div>
            </div>
            <div class="jp-volume-bar">
                <div class="jp-volume-bar-value" style="width: 80%;"></div>
            </div>
            <ul class="jp-controls">
                <li><a href="javascript:;" class="jp-stop" tabindex="1">stop</a></li>
                <li><a href="javascript:;" class="jp-previous" tabindex="1">previous</a></li>
                <li><a href="javascript:;" class="jp-play" tabindex="1">play</a></li>
                <li><a href="javascript:;" class="jp-pause" tabindex="1" style="display: none;">pause</a></li>
                <li><a href="javascript:;" class="jp-next" tabindex="1">next</a></li>
                <li><a href="javascript:;" class="jp-mute" tabindex="1" title="mute">mute</a></li>
                <li><a href="javascript:;" class="jp-unmute" tabindex="1" title="unmute" style="display: none;">unmute</a></li>
                <li><a href="javascript:;" class="jp-volume-max" tabindex="1" title="max volume" style="display: inline;">max volume</a></li>
            </ul>

            <div class="music-time">
                <div class="jp-current-time">00:00</div>
                <div class="pull-left">/</div>
                <div class="jp-duration">00:00</div>
            </div>
            <ul class="jp-toggles">
                <li><a href="javascript:;" class="jp-shuffle" tabindex="1" title="shuffle">shuffle</a></li>
                <li><a href="javascript:;" class="jp-shuffle-off" tabindex="1" title="shuffle off" style="display: none;">shuffle off</a></li>
                <li><a href="javascript:;" class="jp-repeat" tabindex="1" title="repeat">repeat</a></li>
                <li><a href="javascript:;" class="jp-repeat-off" tabindex="1" title="repeat off" style="display: none;">repeat off</a></li>
            </ul>
        </div>
        <div class="jp-playlist">
            <ul style="display: block;"><li class="jp-playlist-current"><div><a href="javascript:;" class="jp-playlist-item-remove" style="display: none;">×</a><a href="javascript:;" class="jp-playlist-item jp-playlist-current" tabindex="1">Ut bibendum mole <span class="jp-artist">by Donec Quis </span></a></div></li><li><div><a href="javascript:;" class="jp-playlist-item-remove" style="display: none;">×</a><a href="javascript:;" class="jp-playlist-item" tabindex="1">Pellentesque habitant <span class="jp-artist">by Nunc Comm</span></a></div></li><li><div><a href="javascript:;" class="jp-playlist-item-remove" style="display: none;">×</a><a href="javascript:;" class="jp-playlist-item" tabindex="1">Pellentesque eget <span class="jp-artist">by Fusce Sodales</span></a></div></li><li><div><a href="javascript:;" class="jp-playlist-item-remove" style="display: none;">×</a><a href="javascript:;" class="jp-playlist-item" tabindex="1">Nulla nec semper <span class="jp-artist">by John Due</span></a></div></li><li><div><a href="javascript:;" class="jp-playlist-item-remove" style="display: none;">×</a><a href="javascript:;" class="jp-playlist-item" tabindex="1">Aliquam euismod lacinia <span class="jp-artist">by Fusce Sodales</span></a></div></li></ul>
        </div>
        <div class="jp-no-solution" style="display: none;">
            <span>Update Required</span>
            To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>.
        </div>
    </div>
</div>
</div></div></div><div class="box _sidebar_new"><div><h3 class="header ">News Release</h3><div class="content">    <div class="mod_tz_news tz_new_pro_sidebar_new">
    <div class="tz_news">
            <div class="tz_item_default">
                <div class="tz_new_inner">
                                    <span class="tz_image">
                        <a class="iframe" href="/j/meloul/index.php/blog/cras-faucibus-iaculis/37">
                            <img src="http://demo.templaza.com/j/meloul/media/tz_portfolio/article/cache/515be966da366tz_portfolio_1364978022_XS.jpg" alt="">
                        </a>
                    </span>
                
                                    <span class="tz_title">
                        <a class="iframe" href="/j/meloul/index.php/blog/cras-faucibus-iaculis/37" title="Cras faucibus iaculis">Cras faucibus iaculis</a>
                    </span>
                                    
                                    <span class="tz_date">
                            02.04.2013                    </span>
                
                                        <span class="tz_space">/</span>
                    <span class="tz_cat">
                            Blog                    </span>
                                
                
                    
                
                <span style="clear:both; height:0; display: block">&nbsp;</span>
                    </div>
            </div>
                    <div class="tz_item_default">
                <div class="tz_new_inner">
                                    <span class="tz_image">
                        <a class="iframe" href="/j/meloul/index.php/blog/ut-a-elit-tempus-augue/39">
                            <img src="http://demo.templaza.com/j/meloul/media/tz_portfolio/article/cache/515be6c2b8305tz_portfolio_1364977346_XS.jpg" alt="">
                        </a>
                    </span>
                
                                    <span class="tz_title">
                        <a class="iframe" href="/j/meloul/index.php/blog/ut-a-elit-tempus-augue/39" title="Ut a elit tempus augue">Ut a elit tempus augue</a>
                    </span>
                                    
                                    <span class="tz_date">
                            02.04.2013                    </span>
                
                                        <span class="tz_space">/</span>
                    <span class="tz_cat">
                            Blog                    </span>
                                
                
                    
                
                <span style="clear:both; height:0; display: block">&nbsp;</span>
                    </div>
            </div>
                    <div class="tz_item_default">
                <div class="tz_new_inner">
                                    <span class="tz_image">
                        <a class="iframe" href="/j/meloul/index.php/blog/contrary-to-popular-belief/36">
                            <img src="http://demo.templaza.com/j/meloul/media/tz_portfolio/article/cache/515be66263e95tz_portfolio_1364977250_XS.jpg" alt="">
                        </a>
                    </span>
                
                                    <span class="tz_title">
                        <a class="iframe" href="/j/meloul/index.php/blog/contrary-to-popular-belief/36" title="Contrary to popular belief">Contrary to popular belief</a>
                    </span>
                                    
                                    <span class="tz_date">
                            01.04.2013                    </span>
                
                                        <span class="tz_space">/</span>
                    <span class="tz_cat">
                            Blog                    </span>
                                
                
                    
                
                <span style="clear:both; height:0; display: block">&nbsp;</span>
                    </div>
            </div>
                    <div class="tz_item_default">
                <div class="tz_new_inner">
                                    <span class="tz_image">
                        <a class="iframe" href="/j/meloul/index.php/blog/proin-interdum-mi-at/38">
                            <img src="http://demo.templaza.com/j/meloul/media/tz_portfolio/article/cache/515be6ab2cc58tz_portfolio_1364977323_XS.jpg" alt="">
                        </a>
                    </span>
                
                                    <span class="tz_title">
                        <a class="iframe" href="/j/meloul/index.php/blog/proin-interdum-mi-at/38" title="Proin interdum mi at">Proin interdum mi at</a>
                    </span>
                                    
                                    <span class="tz_date">
                            01.04.2013                    </span>
                
                                        <span class="tz_space">/</span>
                    <span class="tz_cat">
                            Blog                    </span>
                                
                
                    
                
                <span style="clear:both; height:0; display: block">&nbsp;</span>
                    </div>
            </div>
                    <div class="tz_item_default">
                <div class="tz_new_inner">
                                    <span class="tz_image">
                        <a class="iframe" href="/j/meloul/index.php/blog/fusce-fringilla-sem/12">
                            <img src="http://demo.templaza.com/j/meloul/media/tz_portfolio/article/cache/51482f25af30btz_portfolio_1363685157_XS.jpg" alt="">
                        </a>
                    </span>
                
                                    <span class="tz_title">
                        <a class="iframe" href="/j/meloul/index.php/blog/fusce-fringilla-sem/12" title="Fusce fringilla sem">Fusce fringilla sem</a>
                    </span>
                                    
                                    <span class="tz_date">
                            19.03.2013                    </span>
                
                                        <span class="tz_space">/</span>
                    <span class="tz_cat">
                            Blog                    </span>
                                
                
                    
                
                <span style="clear:both; height:0; display: block">&nbsp;</span>
                    </div>
            </div>
            </div>
</div></div></div></div><div class="box _sidebar_new"><div><h3 class="header ">Latest Post</h3><div class="content">    <div class="mod_tz_news tz_new_pro_sidebar_new">
    <div class="tz_news">
            <div class="tz_item_default">
                <div class="tz_new_inner">
                
                                    <span class="tz_title">
                        <a class="iframe" href="/j/meloul/index.php/blog/cras-faucibus-iaculis/37" title="Cras faucibus iaculis">Cras faucibus iaculis</a>
                    </span>
                                    
                                    <span class="tz_date">
                            02.04.2013                    </span>
                
                                        <span class="tz_space">/</span>
                    <span class="tz_cat">
                            Blog                    </span>
                                
                
                    
                
                <span style="clear:both; height:0; display: block">&nbsp;</span>
                    </div>
            </div>
                    <div class="tz_item_default">
                <div class="tz_new_inner">
                
                                    <span class="tz_title">
                        <a class="iframe" href="/j/meloul/index.php/blog/ut-a-elit-tempus-augue/39" title="Ut a elit tempus augue">Ut a elit tempus augue</a>
                    </span>
                                    
                                    <span class="tz_date">
                            02.04.2013                    </span>
                
                                        <span class="tz_space">/</span>
                    <span class="tz_cat">
                            Blog                    </span>
                                
                
                    
                
                <span style="clear:both; height:0; display: block">&nbsp;</span>
                    </div>
            </div>
                    <div class="tz_item_default">
                <div class="tz_new_inner">
                
                                    <span class="tz_title">
                        <a class="iframe" href="/j/meloul/index.php/blog/contrary-to-popular-belief/36" title="Contrary to popular belief">Contrary to popular belief</a>
                    </span>
                                    
                                    <span class="tz_date">
                            01.04.2013                    </span>
                
                                        <span class="tz_space">/</span>
                    <span class="tz_cat">
                            Blog                    </span>
                                
                
                    
                
                <span style="clear:both; height:0; display: block">&nbsp;</span>
                    </div>
            </div>
                    <div class="tz_item_default">
                <div class="tz_new_inner">
                
                                    <span class="tz_title">
                        <a class="iframe" href="/j/meloul/index.php/blog/proin-interdum-mi-at/38" title="Proin interdum mi at">Proin interdum mi at</a>
                    </span>
                                    
                                    <span class="tz_date">
                            01.04.2013                    </span>
                
                                        <span class="tz_space">/</span>
                    <span class="tz_cat">
                            Blog                    </span>
                                
                
                    
                
                <span style="clear:both; height:0; display: block">&nbsp;</span>
                    </div>
            </div>
                    <div class="tz_item_default">
                <div class="tz_new_inner">
                
                                    <span class="tz_title">
                        <a class="iframe" href="/j/meloul/index.php/blog/fusce-fringilla-sem/12" title="Fusce fringilla sem">Fusce fringilla sem</a>
                    </span>
                                    
                                    <span class="tz_date">
                            19.03.2013                    </span>
                
                                        <span class="tz_space">/</span>
                    <span class="tz_cat">
                            Blog                    </span>
                                
                
                    
                
                <span style="clear:both; height:0; display: block">&nbsp;</span>
                    </div>
            </div>
            </div>
</div></div></div></div>
                </div>
            </aside>
                        <div class="clr"></div>
        </section>

                </div>
        </div>
    </section>
</section>


        <section id="tz-bottom" class="tz-bottom">
        <div class="container-fluid">
        <div class="tz-inner">
            <div class="row-fluid">
                                <div class="span12 tz-bottom">
                <div class="box "><div><div class="content">         <script type="text/javascript" src="Home_files/widget00.js"></script>
<script type="text/javascript">
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 1,
  interval: 30000,
  width: 500,
  height: 150,
  theme: {
    shell: {
      background: 'transparent',
      color: '#6e6e6e'
    },
    tweets: {
      background: 'transparent',
      color: '#6e6e6e',
      links: '#62baf9'
    }
  },
  features: {
    scrollbar: false,
    loop: true,
    live: false,
    behavior: 'all'
  }
}).render().setUser('templazavn').start();
</script>
</div></div></div>
                </div>
                
                <div class="clr"></div>
            </div>
        </div>
        </div>
    </section>

    <footer id="tz-footer" class="tz-footer">

    <div class="container-fluid">
        <div class="tz-inner">
                        <div class="tz-bottom6 ">
                <div class="row-fluid">
                                        <div class="span3 tz-bottom">
                        <div class="box "><div><h3 class="header ">About us</h3><div class="content">

<div class="custom">
    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of</p>
<p><a class="btn btn-base" href="http://demo.templaza.com/j/meloul/#">Read more</a></p></div>
</div></div></div>
                    </div>
                                                            <div class="span6 tz-bottom">
                        <div class="box "><div><h3 class="header ">Album</h3><div class="content">    <ul class="tz-category-album">
                    <li>
          <span class="album-inner">
              <a class="catslidetitle" href="http://demo.templaza.com/j/meloul/index.php/album/22-praesent-sagittis">
                  <img src="Home_files/categorj.jpg" alt="Praesent sagittis">
              </a>
              
              </span>
            </li>
                    <li>
          <span class="album-inner">
              <a class="catslidetitle" href="http://demo.templaza.com/j/meloul/index.php/album/23-the-dance-scene">
                  <img src="Home_files/categork.jpg" alt="The Dance Scene">
              </a>
              
              </span>
            </li>
                    <li>
          <span class="album-inner">
              <a class="catslidetitle" href="http://demo.templaza.com/j/meloul/index.php/albums/album-list">
                  <img src="Home_files/categorl.jpg" alt="Audio">
              </a>
              
              </span>
            </li>
            </ul>
    <div class="clr"></div>
</div></div></div>
                    </div>
                                                            <div class="span3 tz-bottom">
                        <div class="box "><div><h3 class="header ">Contact us</h3><div class="content">

<div class="custom">
    <p>11 Quai François Mauriac 75013 Paris, France<br>Phone: (786) 9999 543 210<br>Fax:&nbsp; (786) 9999 543 211<br>Email:&nbsp; 
 <script type="text/javascript">
 <!--
 var prefix = '&#109;a' + 'i&#108;' + '&#116;o';
 var path = 'hr' + 'ef' + '=';
 var addy52159 = 's&#117;pp&#111;rt' + '&#64;';
 addy52159 = addy52159 + 't&#101;mpl&#97;z&#97;' + '&#46;' + 'c&#111;m';
 document.write('<a ' + path + '\'' + prefix + ':' + addy52159 + '\'>');
 document.write(addy52159);
 document.write('<\/a>');
 //-->\n </script><script type="text/javascript">
 <!--
 document.write('<span style=\'display: none;\'>');
 //-->
 </script>This email address is being protected from spambots. You need JavaScript enabled to view it.
 <script type="text/javascript">
 <!--
 document.write('</');
 document.write('span>');
 //-->
 </script></p></div>
</div></div></div>
                    </div>
                    
                    <div class="clr"></div>
                </div>
            </div>
                        </div>
        </div>
        <div class="footer-bottom">
        <div class="container-fluid">
            <div class="tz-inner">
        
        <p class="pull-left tz-copyrights">
                        © 2013 <a href="http://demo.templaza.com/j/meloul/#">meloul</a>! All rights reseived.                    </p>

                <a rel="nofollow" href="http://www.templaza.com/" id="tz-framework-logo">Plazart Framework</a>
                        <div class="footer-menu pull-right">
            <div class="box "><div><div class="content"><ul class="nav menu">
<li class="item-120"><a href="http://demo.templaza.com/j/meloul/">Imprint</a></li><li class="item-121"><a href="http://demo.templaza.com/j/meloul/">Terms of Service</a></li><li class="item-122"><a href="http://demo.templaza.com/j/meloul/">Privacy</a></li></ul>
</div></div></div>
        </div>
        
                <div class="clr"></div>

<!--        <p class="tz-disclaimer">TemPlaza is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.<br />-->
<!--            The Joomla! logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.<br />Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>-->
<!--        </div>-->
    </div>
    </div>
    </div>
</footer>

<script type="text/javascript">
    var newsletter = jQuery('input.letter');
    if(newsletter){
        newsletter.focus(function(){
           jQuery(this).animate({
              width: 200
           },1000);
            });
        newsletter.blur(function(){
           jQuery(this).animate({
              width: 150
           },1000);
            });
    }
    var c_max_w = jQuery('#tz-header .container-fluid').width();
    var banner = jQuery('.banner');
    if(banner){
        jQuery(banner).css('max-width',c_max_w+'px');
    }
    jQuery(function(){
        if (window.PIE) {
            jQuery('.btn-base').each(function() {
                PIE.attach(this);
            });
            jQuery('.btn').each(function() {
                PIE.attach(this);
            });
            jQuery('.music-play-blog').each(function() {
                PIE.attach(this);
            });
            jQuery('.music-pause-blog').each(function() {
                PIE.attach(this);
            });
            jQuery('div.TzPagination a').each(function() {
                PIE.attach(this);
            });
            jQuery('.search-query').each(function() {
                PIE.attach(this);
            });
        }
    });


</script>
    
<script type="text/javascript">
    jQuery('*[rel=tooltip]').tooltip();
    jQuery('*[rel=popover]').popover();
    jQuery('.tip-bottom').tooltip({placement: "bottom"});
</script>
        <?php expTheme::foot(); ?>
</body>
</html>
